<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <link rel="stylesheet" href="./css/index_travel_lines_hot.css">
    <link rel="icon" type="image/png" sizes="16x16" href="./img/logo.png">
    <title>Document</title>
</head>

<body>
    <div class="content">
        <div class="jump_header">
            <div class="jump_header_left">
                <img src="./img/logo.png" alt="">
                <span class=".title">APP报名本线路立减2元</span>
            </div>
            <div class="jump_header_right">打开APP报名</div>
        </div>
        <div class="banner">
            <!-- <div class="banner_back"></div>
            <div class="banner_user"></div>
            <div class="banner__type">跟团游 · 徒步登山 · 1天</div>
            <img class="pic_big" src="https://gallery.youxiake.com/product/line/202409/10/1725968223142GkRa1.jpg"
                alt="主图">
            <div class="thumbnail_bg"></div>

            <div class="thumbnail">
                <div class="thumbnail_items" onclick="get_img()">
                    <div class="img_background" style="border: 1px solid #fff100;">
                        <img class="pic_smail"
                            src="https://gallery.youxiake.com/product/line/202409/10/1725968223142GkRa1.jpg?imageMogr2/auto-orient/thumbnail/!200x200r/strip/quality/100">
                    </div>
                    <div class="img_background">
                        <img class="pic_smail"
                            src="https://gallery.youxiake.com/product/line/202409/24/1727140518795rTfE9.JPG?imageMogr2/auto-orient/thumbnail/!200x200r/strip/quality/100">
                    </div>
                    <div class="img_background">
                        <img class="pic_smail"
                            src="https://gallery.youxiake.com/product/line/202409/24/17271405187961zEMl.JPG?imageMogr2/auto-orient/thumbnail/!200x200r/strip/quality/100">
                    </div>

                    <div class="img_background">
                        <img class="pic_smail"
                            src="https://gallery.youxiake.com/product/line/202409/24/1727140518790Ts21k.JPG?imageMogr2/auto-orient/thumbnail/!200x200r/strip/quality/100">
                    </div>

                    <div class="img_background">
                        <img class="pic_smail"
                            src="https://gallery.youxiake.com/product/line/202409/24/1727140518797tEH3J.JPG?imageMogr2/auto-orient/thumbnail/!200x200r/strip/quality/100">
                    </div>

                </div>
                <div class="thumbnail_right">
                    <div class="thumbnail_text">
                        <p> 73张 </p>
                        <p>活动实拍</p>
                    </div>
                    <img src="https://m.youxiake.com/20250829115902/img/thumbnail_icon.d151c429.png" alt="">
                </div>
            </div> -->
        </div>
        <div class="price_box">
            <!-- <div>
                <span>￥</span>
                <b>108</b>
                <span class="price_intro">起/成人</span>
            </div>
            <div>
                <span>￥</span>
                <b>108</b>
                <span class="price_intro">起/儿童</span>
            </div> -->
        </div>
        <div class="Line__title">
            <!-- <div class="title_pname"> “人间仙境”罗姐寨 | 钻山洞、壁挂公路 观景台 </div>
            <div class="title_sname"></div>
            <div class="title_liangdian">
                <div>世外桃源</div>
                <div>石头之屋</div>
                <div>山楂之林</div>
                <div>观景台</div>
                <div>观原始太行</div>
            </div> -->
        </div>
        <div class="location_box_bg">
            <div class="Line__location__box">
                <!-- <div class="Line__location__left">
                    <div>五晚五星酒店</div>
                </div>
                <span class="location__people"> 190人参加过 </span> -->
            </div>
        </div>

        <div class="Line__offer">
            <div class="service_left">
                <span class="service__wuyou">无忧</span>
            </div>
            <div class="service_right">
                <div class="service_box">
                    <div>
                        <img class="service_img" src="https://m.youxiake.com/20250904175225/img/service.0e78b494.png"
                            alt="">
                        <span>支持退款</span>
                    </div>
                    <div>
                        <img class="service_img" src="https://m.youxiake.com/20250904175225/img/service.0e78b494.png"
                            alt="">
                        <span>退订保障</span>
                    </div>
                </div>
                <img class="service_icon" src="https://m.youxiake.com/20250829162859/img/img15.45eb6a66.png" alt="">
            </div>
        </div>

        <div class="Line__package__head">
            <div>
                <img src="https://m.youxiake.com/20250829162859/img/package01.fbbc85f3.png" alt="">
                <span>选择团期</span>
            </div>
            <p>我要定制</p>
        </div>

        <div class="Line__package__body">
            <div class="packageScroller__package">
                <div class="packageScroller__package_left">
                    <!-- <span>1</span>
                    <span>个</span>
                    <span>套</span>
                    <span>餐</span> -->
                </div>
                <div class="packageScroller__package_right_scroll">
                    <!-- <div class="packageScroller__package_right">
                        <p>上腊江罗姐寨1日徒步</p>
                        <div class="packageScroller__package_right_intro">
                            <div class="day">天数</div>
                            <span class="day_span">1天</span>
                            <div class="go">出发</div>
                            <span class="go_span">郑州</span>
                        </div> 
                   
                    </div> -->
                </div>
            </div>
            <div class="LinePackage__scroll__duan">
                <div class="packageScroller__package_left">
                    <span>选</span>
                    <span>择</span>
                    <span>团</span>
                    <span>期</span>
                </div>
                <div class="ScrollX">
                    <!-- <div class="LinePackage__scroll__item">
                        <div>
                            <div class="ellipsis">北面活动选餐</div>
                            <div class="time">08/30</div>
                            <div class="week">周六</div>
                            <div class="LinePackage__scroll__item_price">
                                ￥108
                            </div>
                        </div>
                        <div class="insure">
                            确定成型
                        </div>
                    </div>
                    <div class="LinePackage__scroll__item">
                        <div>
                            <div class="ellipsis">北面活动选餐</div>
                            <div class="time">08/30</div>
                            <div class="week">周六</div>
                            <div class="LinePackage__scroll__item_price">
                                ￥108
                            </div>
                        </div>
                        <div class="insure">
                            确定成型
                        </div>
                    </div>
                    <div class="LinePackage__scroll__item">
                        <div>
                            <div class="ellipsis">北面活动选餐</div>
                            <div class="time">08/30</div>
                            <div class="week">周六</div>
                            <div class="LinePackage__scroll__item_price">
                                ￥108
                            </div>
                        </div>
                        <div class="insure">
                            确定成型
                        </div>
                    </div>
                    <div class="LinePackage__scroll__item">
                        <div>
                            <div class="ellipsis">北面活动选餐</div>
                            <div class="time">08/30</div>
                            <div class="week">周六</div>
                            <div class="LinePackage__scroll__item_price">
                                ￥108
                            </div>
                        </div>
                        <div class="insure">
                            确定成型
                        </div>
                    </div>
                    <div class="LinePackage__scroll__item">
                        <div>
                            <div class="ellipsis">北面活动选餐</div>
                            <div class="time">08/30</div>
                            <div class="week">周六</div>
                            <div class="LinePackage__scroll__item_price">
                                ￥108
                            </div>
                        </div>
                        <div class="insure">
                            确定成型
                        </div>
                    </div>
                    <div class="LinePackage__scroll__item">
                        <div>
                            <div class="ellipsis">北面活动选餐</div>
                            <div class="time">08/30</div>
                            <div class="week">周六</div>
                            <div class="LinePackage__scroll__item_price">
                                ￥108
                            </div>
                        </div>
                        <div class="insure">
                            确定成型
                        </div>
                    </div>
                    <div class="LinePackage__scroll__item">
                        <div>
                            <div class="ellipsis">北面活动选餐</div>
                            <div class="time">08/30</div>
                            <div class="week">周六</div>
                            <div class="LinePackage__scroll__item_price">
                                ￥108
                            </div>
                        </div>
                        <div class="insure">
                            确定成型
                        </div>
                    </div> -->
                </div>
                <div class="Look__more">
                    <span>查</span>
                    <span>看</span>
                    <span>更</span>
                    <span>多</span>
                </div>
            </div>
        </div>
        <div class="LineEnrolment">
            <div class="LineEnrolment2">
                <!-- <div class="LineEnrolment__left">
                    <img src="https://m.youxiake.com/20250829162859/img/face.ec732452.png" alt="">
                    15人成行
                </div>
                <div class="LineEnrolment__right">
                    <img src="http://img2.youxiake.com/avatar14171131_L0c0YOasF7Pz.jpg!x200" alt="">
                    <img src="https://img2.youxiake.com/2025/02/24/avatar/gangtiexia.jpg!x200" alt="">
                    <img src="http://img2.youxiake.com/default_avatar.png!x200" alt="">
                    <div class="LineEnrolment__avatars">47人已报名</div>
                    <img class="LineEnrolment__avatars——jiantopu"
                        src="https://m.youxiake.com/20250829162859/img/img42.c68ead15.png" alt="">
                </div> -->
            </div>
        </div>
        <div class="comment__head">
            <!-- <div class="comment__head__bold">用户评价(78)
                <div class="comment_user">好评人数</div>
            </div>
            <div class="comment_all">
                <span>全部</span>
                <img src="https://m.youxiake.com/20250829162859/img/img42.c68ead15.png" alt="">
            </div> -->
        </div>
        <div class="comment__tags">
            <!-- <div class="tags_item"> 会推荐朋友参加 </div>
            <div class="tags_item"> 行程物超所值 </div>
            <div class="tags_item"> 成功被圈粉 </div> -->
        </div>
        <div class="comment__box">
            <div class="box__scroll">
                <!-- <div class="great__comment">
                    <div class="comment__left">
                        <div class="comment__avatar">
                            <img src="https://img2.youxiake.com/avatar202507/24/hZIbZ5vytnBv7s.png?imageView2/0/w/400"
                                alt="">
                        </div>
                        <div class="comment__left_inner">
                            <div class="left__user">
                                小草
                                <span class="level__label">1年游侠</span>
                            </div>
                            <div class="left__comment">
                                amazing！！！unbelievable！！！ 这次徒步被伙伴们的情绪价值喂的饱饱的，再有“净山”这种有意义的主题行动加持，这一天被赋予了难忘的意义。早上出发
                                领队给我们分享了游侠客的来源以及游侠客做徒步的宗旨，听了之后和我们年轻人的徒步理念一拍即合。中午天气晴朗，阳光明媚，蓝天白云，拍照即大片
                                再加上摄影师强大技术的支持，我既是我，我又不是我😃，美美美！！！ 中午农家饭 饭菜很新鲜 老板的馒头一看就是自己做的 面粉是自己的 很健康。吃完午饭
                                我们又开始了一个新的旅程，一路上大家说说笑笑，时而奔跑 ，时而打闹，时而拍照。你发现我的美 我发现你的美，此时 天君做美
                                没有了大太阳，女生们又可以美美的站在天空下，摆出各种姿势，享受自然，享受旅程。
                                不得不说 ，领队是我们的灵魂，徒步的专业性，整体节奏的把控，拍摄设备的支持 使我们的徒步 业余又专业
                            </div>
                        </div>
                    </div>
                    <div class="comment__right"></div>
                </div>
                <div class="great__comment">
                    <div class="comment__left">
                        <div class="comment__avatar">
                            <img src="https://img2.youxiake.com/avatar202507/24/hZIbZ5vytnBv7s.png?imageView2/0/w/400"
                                alt="">
                        </div>
                        <div class="comment__left_inner">
                            <div class="left__user">
                                小草
                                <span class="level__label">1年游侠</span>
                            </div>
                            <div class="left__comment">
                                amazing！！！unbelievable！！！ 这次徒步被伙伴们的情绪价值喂的饱饱的，再有“净山”这种有意义的主题行动加持，这一天被赋予了难忘的意义。早上出发
                                领队给我们分享了游侠客的来源以及游侠客做徒步的宗旨，听了之后和我们年轻人的徒步理念一拍即合。中午天气晴朗，阳光明媚，蓝天白云，拍照即大片
                                再加上摄影师强大技术的支持，我既是我，我又不是我😃，美美美！！！ 中午农家饭 饭菜很新鲜 老板的馒头一看就是自己做的 面粉是自己的 很健康。吃完午饭
                                我们又开始了一个新的旅程，一路上大家说说笑笑，时而奔跑 ，时而打闹，时而拍照。你发现我的美 我发现你的美，此时 天君做美
                                没有了大太阳，女生们又可以美美的站在天空下，摆出各种姿势，享受自然，享受旅程。
                                不得不说 ，领队是我们的灵魂，徒步的专业性，整体节奏的把控，拍摄设备的支持 使我们的徒步 业余又专业
                            </div>
                        </div>
                    </div>
                    <div class="comment__right"></div>
                </div>
                <div class="great__comment_three">
                    <div class="comment__left">
                        <div class="comment__avatar">
                            <img src="https://img2.youxiake.com/avatar202507/24/hZIbZ5vytnBv7s.png?imageView2/0/w/400"
                                alt="">
                        </div>
                        <div class="comment__left_inner">
                            <div class="left__user">
                                小草
                                <span class="level__label">1年游侠</span>
                            </div>
                            <div class="left__comment">
                                amazing！！！unbelievable！！！ 这次徒步被伙伴们的情绪价值喂的饱饱的，再有“净山”这种有意义的主题行动加持，这一天被赋予了难忘的意义。早上出发
                                领队给我们分享了游侠客的来源以及游侠客做徒步的宗旨，听了之后和我们年轻人的徒步理念一拍即合。中午天气晴朗，阳光明媚，蓝天白云，拍照即大片
                                再加上摄影师强大技术的支持，我既是我，我又不是我😃，美美美！！！ 中午农家饭 饭菜很新鲜 老板的馒头一看就是自己做的 面粉是自己的 很健康。吃完午饭
                                我们又开始了一个新的旅程，一路上大家说说笑笑，时而奔跑 ，时而打闹，时而拍照。你发现我的美 我发现你的美，此时 天君做美
                                没有了大太阳，女生们又可以美美的站在天空下，摆出各种姿势，享受自然，享受旅程。
                                不得不说 ，领队是我们的灵魂，徒步的专业性，整体节奏的把控，拍摄设备的支持 使我们的徒步 业余又专业
                            </div>
                        </div>
                    </div>
                    <div class="comment__right"></div>
                </div> -->
            </div>
        </div>
        <div class="Line__discuss">
            <!-- <div class="discuss__head">
                <div>暂无咨询</div>
                <b>
                    去咨询
                    <img src="https://m.youxiake.com/20250829162859/img/img42.c68ead15.png" alt="">
                </b>
            </div>
            <div class="discuss__box__item">
                <img src="https://m.youxiake.com/20250829162859/img/img17.b5fcf354.png" alt="">
                <div class="item_content">这条线不加权益卡吗？</div>
                <span class="item_num">1个回答</span>
            </div> -->
        </div>
        <div class="LinePreView__concept">
            <img class="concept_img1" src="https://m.youxiake.com/20250829162859/img/concept1.2f72fe8d.png" alt="">
            <ul>
                <li>
                    <img data-v-6d24c35e="" src="https://m.youxiake.com/20250829162859/img/concept3.04ebc2ae.png">
                    无痕
                </li>
                <li>
                    <img data-v-6d24c35e="" src="https://m.youxiake.com/20250829162859/img/concept3.04ebc2ae.png">
                    负责任
                </li>
                <li>
                    <img data-v-6d24c35e="" src="https://m.youxiake.com/20250829162859/img/concept3.04ebc2ae.png">
                    安全
                </li>
                <li>
                    <img data-v-6d24c35e="" src="https://m.youxiake.com/20250829162859/img/concept3.04ebc2ae.png">
                    可持续
                </li>
            </ul>
            <img class="concept_img2" src="https://m.youxiake.com/20250829162859/img/concept2.72d33465.png" alt="">
        </div>
        <div class="detail__container">
            <ul class="detail__nav">
                <li>
                    <img src="https://m.youxiake.com/20250829162859/img/nav.40e5b2cc.png" alt="">
                    <span>亮点</span>
                </li>
                <li>
                    <span>行程</span>
                </li>
                <li>
                    <span>费用</span>
                </li>
                <li>
                    <span>须知</span>
                </li>
            </ul>
            <!-- <img class="intro_img"
                src="https://gallery.youxiake.com/product/line/202507/01/1751363573467GMc1L.jpg?imageMogr2/quality/60"
                alt="">
            <img class="intro_img"
                src="https://gallery.youxiake.com/product/line/202411/01/1730447649412fwMPd.jpg?imageMogr2/quality/60"
                alt="">
            <img class="intro_img"
                src="https://gallery.youxiake.com/product/line/202411/01/1730447649414NMZnz.jpg?imageMogr2/quality/60"
                alt="">
            <img class="intro_img"
                src="https://gallery.youxiake.com/product/line/202411/01/1730447649414nn4CR.jpg?imageMogr2/quality/60"
                alt="">
            <img class="intro_img"
                src="https://gallery.youxiake.com/product/line/202411/01/1730447649415eACfs.jpg?imageMogr2/quality/60"
                alt=""> -->
        </div>
        <div class="LineBuy">
            <div class="line__bottom__service">
                <i></i>
                <span>客服</span>
            </div>
            <div class="line__bottom__group">
                <i></i>
                <span>进群</span>
            </div>
            <div class="line__bottom__favorite">
                <i></i>
                <span>收藏</span>
            </div>
            <div class="line__bottom__btn">
                立即报名
            </div>
        </div>
    </div>
</body>
<script src="./js/reset.js"></script>
<script src="./js/index_travel_lines_hot.js"></script>

</html>